#status {
    height: 23px;
    display: flex;
    padding: 0 10px
}

#status .status {
    line-height: 26px;
    margin-right: 10px
}

#status .status > i {
    padding-right: 10px;
    font-size: 11px
}

#status .status > i[state=watch-on] {
    color: #0f0
}

#status .status > i[state=idle], #status .status > i[state=off], #status .status > i[state=watch-off] {
    color: #666
}

#status .status > i[state=busy], #status .status > i[state=compiling], #status .status > i[state=watch-starting] {
    color: #f90
}

#status .status > i[state=failed], #status .status > i[state=watch-stopping] {
    color: #cf3f3f
}

#status .content {
    flex: 1;
    text-align: right;
    line-height: 26px
}

#status .content > i {
    margin-right: 5px
}

#status .content > span {
    cursor: pointer
}

#status .content[error] {
    color: #e64646
}

#status .content[warn] {
    color: #cc9631
}

#status .version {
    color: #fd942b;
    margin-left: 20px;
    line-height: 26px
}
